<template>
  <div>
    <!-- 轮播图组件 -->
    <LunBo class="lunBo" />
    <!-- 新鲜好物组件 -->
    <NewGoods></NewGoods>
    <!-- 人气推荐组件 -->
    <PersonReason></PersonReason>
    <!-- 热门品牌组件 -->
    <ReBrand></ReBrand>
    <!-- 首页居家组件 -->
    <HomeGoods></HomeGoods>
    <!-- 首页美食组件 -->
    <HomeFood></HomeFood>
    <!-- 首页服饰组件 -->
    <HomeComtuse></HomeComtuse>
    <!-- 首页母婴组件 -->
    <HomeMom></HomeMom>
    <!-- 首页最新专题组件 -->
    <HomeStudy></HomeStudy>
  </div>
</template>

<script>
import LunBo from '@/components/index/LunBo.vue'
import NewGoods from '@/components/index/NewGoods.vue'
import PersonReason from '@/components/index/PersonReason.vue'
import ReBrand from '@/components/index/ReBrand.vue'
import HomeGoods from '@/components/index/HomeGoods.vue'
import HomeFood from '@/components/index/HomeFood.vue'
import HomeComtuse from '@/components/index/HomeComtuse.vue'
import HomeMom from '@/components/index/HomeMom.vue'
import HomeStudy from '@/components/index/HomeStudy.vue'
export default {
  components: { LunBo, NewGoods, PersonReason, ReBrand, HomeGoods, HomeFood, HomeComtuse, HomeMom, HomeStudy}
}
</script>

<style lang="scss">
.lunBo {
  width: 100%;
  height: 500px;
}
</style>